<template>
  <div>
    <div id="top"></div>

    <header class="default-header">
      <div class="sticky-header">
        <div class="container">
          <div class="header-content d-flex justify-content-between align-items-center">
            <div class="logo">
              
            </div>
            <div class="right-bar d-flex align-items-center">
              <nav class="d-flex align-items-center">
                <ul class="main-menu">
                  <li>
                    <a href="/" target="_self">首页</a>
                  </li>
                  <li>
                    <a href="/square">广场</a>
                  </li>
                  <li>
                    <a href="https://www.babywang.huangsm.xyz/" target="_blank">博客</a>
                  </li>
                </ul>
                <a href="#" class="mobile-btn">
                  <span class="lnr lnr-menu"></span>
                </a>
              </nav>
              <!-- <div class="search relative">
                  <span class="lnr lnr-magnifier"></span>
                  <form action="#" class="search-field">
                    <input
                      type="text"
                      placeholder="Search here"
                      onfocus="this.placeholder = ''"
                      onblur="this.placeholder = 'Search here'"
                    >
                    <button class="search-submit">
                      <span class="lnr lnr-magnifier"></span>
                    </button>
                  </form>
              </div>-->
              
            </div>
          </div>
        </div>
      </div>
    </header>

    <nuxt/>
        <footer>
      <footer class="section-full">
        <div class="container">
          <div class="row">
            <div class="col-lg-3 col-sm-6">
              <div class="single-footer-widget">
                <h6 class="text-white text-uppercase mb-20">关于我</h6>
                <p>
                  <a href="https://www.babywang.huangsm.xyz/about/" target="_blank">
                    <i class="fa" style="color:white;">存你所想-----Save What You Think!</i>
                    <i class="fa" style="color:white;">我要做的就是让能够随时方便的存储你想要存储的URL资源</i>
                    <i class="fa" style="color:white;">做你知识的搬运工和移动的存储库!</i>
                  </a>
                </p>
              </div>
            </div>
            <div class="col-lg-3 col-sm-6">
              <div class="single-footer-widget">
                <h6 class="text-white text-uppercase mb-20">Links</h6>
                <div class="d-flex">
                  <ul class="footer-nav">
                    <li>
                      <a href="/">首页</a>
                    </li>
                    <li>
                      <a href="https://www.babywang.huangsm.xyz">博客</a>
                    </li>
                    <li>
                      <a href="https://github.com/babybabywang">github</a>
                    </li>
                    <li>
                      <a href="https://gitee.com/wangyuanbaby/savewhatthinkyou">项目地址</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-sm-6">
              <div class="single-footer-widget">
                <h6 class="text-white text-uppercase mb-20">Notes</h6>
                <p style="color:white;">Make a silk purse out of a self</p>
              </div>
            </div>
          </div>
          <div class="footer-bottom d-flex justify-content-between align-items-center">
            <p class="footer-text m-0" style="color:white;">&copy; 存你所想 2019| huangsm</p>
            <div
              class="social-share"
              data-sites="weibo,wechat,qzone"
              data-source="存你所想"
              data-description="为你做知识的搬运工"
              data-url="https://www.babywang.huangsm.xyz/"
              data-title="存你所想"
            ></div>
          </div>
        </div>
      </footer>
    </footer>
  </div>
</template>

<script>

import "~/assets/login/css/bootstrap.min.css";
import "~/assets/home/css/linearicons.css";
import "~/assets/home/css/owl.carousel.css";
import "~/assets/home/css/font-awesome.min.css";
import "~/assets/home/css/animate.css";
import "~/assets/home/css/bootstrap.css";
import "~/assets/home/css/main.css";
import { getUser, removeUser } from "@/utils/auth";

export default {
  data() {
    return {
      user: {}
    };
  },
  created() {
    this.user = getUser();
  },
  methods: {
    logout() {
      removeUser();
      location.href = "/";
    }
  }
};
</script>
